@charset "utf-8";
/*#banner{position:relative;left: 50%;width:1920px; margin-left:-960px; background:#fff; text-align:center;}*/
#banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:30px;}
#banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{position: relative;width: 14px;height: 14px;background:#aaa;border:none;margin:0 8px;opacity: 1;}
#banner .swiper-pagination-bullet-active{margin:0 8px;width: 14px;height: 14px;background: #01b0f1!important;position: relative;opacity: 1;}
#banner .swiper-pagination-bullet-active:after{content:"";position: absolute;width:20px;height:20px;background:transparent;border-radius: 100%;left:50%;margin-left:-10px;top:50%;margin-top: -10px;border:1px solid #01b0f1;}
#banner .swiper-container{padding-bottom: 10px;}

.page-container{position: relative;z-index:2;}
.con-01{padding:45px 0 10px;}
.title{text-align:center;margin-bottom:30px;}
.title h2{font-size: 25px;font-weight: bold;color:#01b0f1;line-height: 1.6;}
.title i{text-align: center;text-transform: uppercase;font-family: Arial;color: #a0a0a0;display: block;}
.pro_hd{margin-bottom: 40px;}
.pro_hd li{/*text-align:center;*/ margin:10px 0 20px;}
.pro_hd li .bb>div{margin-top: 18px;cursor:pointer; text-align:center;}
.pro_hd li i { text-align:center; display:block;}
.pro_hd li i img{filter:grayscale(1);-webkit-filter:grayscale(1);-ms-filter:grayscale(1);-moz-filter:grayscale(1);}
.pro_hd li:hover i img,.pro_hd li.on i img{filter:grayscale(0);-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0); }
.pro_hd li:hover span,.pro_hd li.on span{color:#01b0f1;}
.pro_hd li:hover small,.pro_hd li.on small{color:#01b0f1;}
.pro_hd li span{display: block;line-height: 1;font-size: 16px;color: #333;}
.pro_hd li small{display: block;line-height: 1;font-size: 12px;color: #999;text-transform: uppercase;padding-top: 5px;}

/*.pro_hd .li01 i img{width: 20%;}
.pro_hd .li02 i img{width: 20%;}
.pro_hd .li03 i img{width: 20%;}
.pro_hd .li04 i img{width: 20%;}*/
.pro_hd li i img{}
.pro_hd .li02 .bb{padding-left: 0px;}
.pro_hd .li03 .bb{padding-left: 0px;}
.pro_hd .li04 .bb{padding-left: 0px;}
.pro_hd .li05 .bb{padding-left: 0px;}
.pro_hd .li06 .bb{padding-left: 50px;}
.pro_hd .li07 .bb{padding-left: 90px;}

.pro_bd{background:#fff;padding:20px 0 40px;}
.pro_bd .sp-slide .img{height:320px;}
.pro_bd .sp-slide dl dt{font-weight: bold;color:#5B5B5B;font-size: 18px;}
.pro_bd .sp-slide dl .d1{font-size: 14px;color: #5b5b5b;padding:32px 0 12px;}
.pro_bd .sp-slide dl .d2{font-size: 12px;line-height:1.7;text-align: justify;margin-bottom: 30px;color: #666;}
.pro_bd .sp-slide dl .d3 a{background:#00a2e9;color:#fff;font-size: 14px;display: block;padding:8px 0;text-align: center;}
/*.pro-pic{position: absolute;top: 0;}*/
.con-01 .sp-container{overflow:visible;position:relative;}
.con-01 .sp-container ul{overflow: visible!important}
.con-01 .prevs,.con-01 .nexts{position: absolute;top:45%;z-index: 99;}
.con-01 .prevs{background-image:url(prev.png);background-size: contain;width: 29px;height: 29px;left: 4%;}
.con-01 .nexts{background-image:url(next.png);background-size: contain;width: 29px;height: 29px;right: 4%;}
.con-01 .sp-container .sp-slide .col-md-2{padding-right: 0;}

.probox{ overflow:hidden}
.probox .xxx{background: #fff;position: relative;overflow: hidden; border:1px solid #dedede;border-radius:10px;}
.probox .xxx .pic{text-align: center;position: relative;z-index: 1;}
.probox .xxx .pic img{transition:all 0.5s ease-out;}
.probox .xxx:hover .pic img{transform:scale(1.05);}
.pic_info{border-top:1px dashed #cfcfcf;margin-top: 25px;padding:25px 20px 20px;position: relative;}
.pic_info i{position: absolute;right:20px;top:25px;}
.pic_info h3{color: #333;font-size: 16px;line-height: 1.7;}
.pic_info p{font-size: 12px;color: #666;}
.pic_hover{padding:20px 20px 18px;position:absolute;background:#01b0f1;color: #fff;bottom:-100%;left:0;right:0;z-index:0;transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;z-index:9999;}
.pic_hover dt{font-size: 18px;font-weight: normal;padding-bottom: 8px;}
.pic_hover .c p{line-height: 1.6;font-size: 14px;}
.probox .xxx:hover .pic_hover{bottom:0;}
.probox>.col-md-4{margin-bottom:30px;}

.sj_pro_bd{background:#f2f2f2;padding:15px 0 30px;color: #5b5b5b;position: relative;}
.sj_pro_item{}
.sj_pro_item li dl dt{font-size: 14px;/*white-space: nowrap;text-overflow:ellipsis;*/}
.sj_pro_item li .d1{padding:6px 0;}
.sj_pro_item li .d2{display:-webkit-box;text-overflow:ellipsis;overflow: hidden;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size: 12px;text-align: justify;}
.sj_pro_item li .d3 a{display: block;background:#01b0f1;color: #fff;text-align: center;padding:3px 0;margin-top:10px;}
.sj_pro_item .xxyhd{position: absolute;bottom:6px;text-align: center;left: 0;right: 0;}
.sj_pro_item .xxyhd li{width: 8px;height: 8px;border-radius: 100%;background:#fff;margin:0 3px;text-indent: 9999em;overflow: hidden;display: inline-block;}
.sj_pro_item .xxyhd li.on{background:#01b0f1;}

.con-02{ background:#f5f5f5; padding:40px 0 30px;}
.solu .item{border:1px solid #e9e9e9;display: block;padding:18px 14px 38px;text-align: center;border-radius:5px; background:#fff;}
.solu .item i img{filter:grayscale(1);-webkit-filter:grayscale(1);-moz-filter:grayscale(1);-ms-filter:grayscale(1);transition:all 0.5s ease-out;transition:all 0.5s ease-out;-webkit-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;}
.solu .swiper-slide:hover i img{filter:grayscale(0);transform:rotate(180deg);-webkit-filter:grayscale(0);-ms-filter:grayscale(0);-moz-filter:grayscale(0);transform: rotateY(.5turn);-webkit-transform:rotateY(.5turn);-moz-transform:rotateY(.5turn);-ms-transform: rotateY(.5turn);}
.solu dl{padding-top: 20px;}
.solu dl dt{font-size: 20px;color: #000;font-weight:normal;line-height: 1;margin-bottom: 22px;}
.solu dl .c{font-size: 12px;color: #666;line-height: 1.4;margin-bottom: 10px;display:-webkit-box;overflow: hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.solu .m{background:#eee;border-bottom:3px solid transparent;}
.solu .m a{display: block;}
.solu .swiper-slide:hover .m{border-bottom:3px solid #01b0f1;}
.solu .m em{background:url(c2-050.png) no-repeat center;display: block;padding:38px 0;}
.solu .swiper-slide:hover .m em{background:url(c2-05.png) no-repeat center;}
.con-02 .swiper-button-prev{background-image:url(prev2.png);background-size: contain;width: 30px;height: 44px;left: -3%;}
.con-02 .swiper-button-next{background-image:url(next2.png);background-size: contain;width: 30px;height: 44px;right:-3%;}
.con-02 .swiper-container{padding-bottom: 60px;}
/*.c3-r h4:after{content:"";position: absolute;width: 16px;height: 1px;background:#fff;bottom:-20px;left: 0;}*/

.gsys{ height:884px; background:url(../images/gsys.jpg) no-repeat center 0; overflow:hidden; margin-top:30px;}
.gsys_tit{ padding-top:105px;}
.gsys_tit h3{ font-size:34px; color:#00a2e9; text-align:center;}
.gsys_txt{ padding-top:60px;}
.gsys_txt ul{ overflow:hidden; width:560px; margin-left:330px;}
.gsys_txt ul li{ padding:24px 0 23px;}
.gsys_txt ul li p{ font-size:18px; color:#3c3c3c; line-height:28px;}



.fl{ float:left;}
.fr{ float:right;}
.hnews{ overflow:hidden;}
.hnwost{ padding-top:40px;}
.hnews_l{ width:550px;}
.hnews_l_t{ overflow:hidden}
.hnews_tit{ overflow:hidden;}
.hnews_tit h3{ font-size:26px; color:#01b0f1; text-align:center; font-weight:bold;}
.hnews_tit p{ font-size:12px; color:#8f8f8f; text-align:center; padding-top:3px; text-transform:uppercase;}
.hnews_sli{ overflow:hidden; padding-top:15px;}
.hnews_con{ padding-top:20px;}
.hnews_con_img{ width:243px;}
.hnews_con_txt{ width:290px;}
.hnews_con_txt h4{ font-size:18px; color:#333;}
.hnews_con_txt p{ font-size:14px; color:#666; padding-top:15px;}
.hnews_con_txt span{ display:block; font-size:14px; color:#666; padding-top:15px;}
.hnews_l_b{ padding-top:20px; overflow:hidden}
.hnews_l_b ul{ overflow:hidden}
.hnews_l_b ul li{ overflow:hidden;}
.hnews_l_b ul li h3{ line-height:40px;}
.hnews_l_b ul li h3 .icon{ width:80px; height:25px; line-height:25px; text-align:center; font-size:14px; color:#666; border:1px solid #bce5f9; border-radius:5px; display:block; float:left; margin:10px 15px 0 0;}
.hnews_l_b ul li h3 a{ font-size:16px; color:#2c3e50;}
.hnews_l_b ul li h3 a:hover{ color:#1ec6c9;}
.hnews_l_b ul li p{ color:#7f8c8d; font-size:14px;}
.hnews_l_b ul li span{ float:right; font-size:12px; color:#666;}

.new_moer{ clear:both; width:116px; height:35px; line-height:35px; border:1px solid #01b0f1; border-radius:5px;}
.new_moer a{ color:#01b0f1; text-align:center; display:block;}


.hnews_r{ width:550px;}
.hnews_r_t{ overflow:hidden}
.hnews_r_b{ padding-top:20px; overflow:hidden}
.hnews_r_b ul{ overflow:hidden}
.hnews_r_b ul li{ overflow:hidden; }
.hnews_r_b ul li h3{line-height:40px;}
.hnews_r_b ul li h3 .icon{ width:80px; height:25px; line-height:25px; text-align:center; font-size:14px; color:#666; border:1px solid #bce5f9; border-radius:5px; display:block; float:left; margin:10px 15px 0 0;}
.hnews_r_b ul li h3 a{ font-size:16px; color:#2c3e50;}
.hnews_r_b ul li h3 a:hover{ color:#1ec6c9;}
.hnews_r_b ul li p{ color:#7f8c8d; font-size:14px;}
.hnews_r_b ul li span{ float:right; font-size:12px; color:#666;}

@media (max-width: 768px){
	.con-01{padding:20px 0 0;}
	.title{margin-bottom:15px;}
	.pro_hd{margin-bottom: 30px;}
	.pro_hd li{padding: 0;}
	.pro_hd li span{ font-size:14px;}
	.pro_hd li .bb{padding-left: 0!important;}
	.pro-pic{position: static;margin-top: 20px;}
	.pro_bd{padding: 30px 0;}
	.pro_bd .swiper-slide dl .d1{padding: 12px 0;}
	.pro_bd .swiper-slide dl .d2{margin-bottom: 20px;}
	.con-03{margin:30px 0;}
	.c3-l, .c3-r{padding:27px 0 30px;text-align: center;}
	.c3-l{margin:0;}
	.c3-r h4:after{left: 50%;margin-left:-8px;bottom:-10px;}
	.con-04{margin:30px 0;}
	.event.col-md-6{padding-right:15px;}
	.event .m{text-align: center;margin-bottom: 30px;}
	.gsys_txt{ padding-top:10px;}
	.gsys_txt ul{ margin:0; width:100%;}
	.gsys_txt ul li{ padding:10px 0 10px}
	.gsys_txt ul li p{ font-size:14px; line-height:23px;}
	.news .m{text-align: center;}
	.news.col-md-6{padding-left: 15px;}
	.hotNews .pic{text-align: center;}
	.hnews_l{ width:100%;}
	.hnews_con_img{ width:40%;}
	.hnews_con_txt{ width:55%;}
	.hnews_con_txt h4{ font-size:14px;}
	.hnews_con_txt p{ font-size:12px; padding-top:5px;}
	.hnews_l_b ul li{ height:40px; line-height:40px;}
	.hnews_l_b ul li h3{ width:100%;line-height:40px;}
	.hnews_l_b ul li h3 a{ font-size:13px;}
	.hnews_l_b ul li h3 .icon{ display:none;}
	.hnews_l_b ul li span{ display:none;}
	.hnews_con_txt span{ display:none;}
	.hnews_r{ width:100%;}
	.hnews_r_b ul li{ height:40px; line-height:40px;}
	.hnews_r_b ul li h3{ width:100%;line-height:40px;}
	.hnews_r_b ul li h3 a{ font-size:13px;}
	.hnews_r_b ul li h3 .icon{ display:none;}
	.hnews_r_b ul li span{ display:none;}
	.con-05{padding:25px 0 10px;margin-bottom:0;}
	.con-05 .about{text-align: justify;margin-bottom: 20px;width: 100%;}
	.gsys{padding:25px 0 10px;margin-bottom:0; height:auto; width:100%;}
	.gsys_tit{ padding-top:70px;}
	.gsys_tit h3{ font-size:18px;}
	.about_nav li{margin-bottom:15px;padding:0 5px;}
	.c3-r .xxx{padding-left:0;background:none;}
	.solu .item i img{width: 50%;}
	.solu dl dt{margin-bottom: 10px;}
	.solu dl{padding-top: 10px;}
	.solu .item{padding-top: 10px;}
	.solu .m em{padding:24px 0;}
	.swiper-container{padding-bottom: 40px;}
	.hotNews dl{padding: 16px 15px 10px;text-align: justify;}
	.news-list li{padding-left: 12px;}
	.about_nav li i{padding-top: 8px;font-size: 15px;}
	.pro_hd li .bb i{display: block;text-align: center;}
	.pro_hd .li01 .bb i img{width: 36%;}
	.pro_hd .li02 i img{width: 36%;}
	.pro_hd .li03 i img{width: 36%;}
	.pro_hd .li04 i img{width: 36%;}
	.pro_hd .li05 i img{width: 36%;}
	.pro_hd .li06 i img{width: 36%;}
	.pro_hd .li07 i img{width: 36%;}
	.pro_hd li{ margin:5px 0 5px;}
	.pro_hd li .bb>div{border-left:none;text-align: center;margin-top: 8px;padding-left: 0; height:40px;}
	.pro_hd li .bb>div small{display: none;}
	#float{display: none;}
}


@keyframes toLong{
	0%{
		width: 0;
	}
	50%{
		width:50%;
	}
	100%{
		width:100%;
	}
}

@-webkit-keyframes toLong{
	0%{
		width: 0;
	}
	50%{
		width:50%;
	}
	100%{
		width:100%;
	}
}
@-moz-keyframes toLong{
	0%{
		width: 0;
	}
	50%{
		width:50%;
	}
	100%{
		width:100%;
	}
}
@-ms-keyframes toLong{
	0%{
		width: 0;
	}
	50%{
		width:50%;
	}
	100%{
		width:100%;
	}
}
@-o-keyframes toLong{
	0%{
		width: 0;
	}
	50%{
		width:50%;
	}
	100%{
		width:100%;
	}
}



@keyframes bgcolor{
	from{width: 0;background: transparent;}
	to{width: 100%;background:linear-gradient(to right,#f9223e,#ab2c9d);}
}
-moz-@keyframes bgcolor{
	from{width: 0;background: transparent;}
	to{width: 100%;background:linear-gradient(to right,#f9223e,#ab2c9d);}
}
-webkit-@keyframes bgcolor{
	from{width: 0;background: transparent;}
	to{width: 100%;background:linear-gradient(to right,#f9223e,#ab2c9d);}
}
-ms-@keyframes bgcolor{
	from{width: 0;background: transparent;}
	to{width: 100%;background:linear-gradient(to right,#f9223e,#ab2c9d);}
}